<!DOCTYPE html>
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" %>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions"%>
<%@taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%>
<%@taglib prefix="f" uri="http://www.slim3.org/functions"%>
<%@ page import="jp.co.cos.ittrick.channel.model.ChannelModel" %>
<%@ page import="jp.co.cos.ittrick.channel.model.CategoryModel" %>
<%@ page import="jp.co.cos.ittrick.channel.model.ChapterModel" %>
<%@ page import="jp.co.cos.ittrick.channel.model.PageModel" %>
<%@ page import="jp.co.cos.ittrick.channel.model.ApplicationModel" %>
<%@ page import="java.util.List" %>
<html lang="ja">
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
	<title>${applicationModel.applicationName }：IT TRICK</title>
	<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1, maximum=1">
	<meta name="description" content="${applicationModel.description }" />
	<meta name="keywords" content="${applicationModel.keyWordListString}" />
	<link rel="icon" type="image/gif" href="/favicon.png" >
	<link rel="alternate" type="application/rss+xml" title="RSS" href="/rss">
	<link href="/css/reset.css" rel="stylesheet" type="text/css" media="screen" />
	<link href="/css/sp/common.css" rel="stylesheet" type="text/css" media="screen" />
	<link href="/css/sp/index.css" rel="stylesheet" type="text/css" media="screen" />
	<script src="/js/modernizr-1.1.min.js"></script>
	<script type="text/javascript" src="https://apis.google.com/js/plusone.js"></script>
</head>
<body>

	<!---header-->
	<jsp:include page="/common/sp/header.jsp" />
	<!---/header-->

	<!-- mainContent -->
	<div id="mainContent">
		<article>

			<!-- mainTopContent -->
			<section id="mainTopContent">
				<h1>${applicationModel.applicationName } とは</h1>
				${applicationModel.contentString }
			</section>
			<!-- /mainTopContent -->

			<!-- AdSense -->
			<jsp:include page="/common/adSense/sp/text_image_320_50.jsp" />
			<!-- /AdSense -->

			<%
			List<ChannelModel> channelList = (List<ChannelModel>)request.getAttribute("channelList");
			ApplicationModel applicationModel = (ApplicationModel)request.getAttribute("applicationModel");
			if(channelList.size() > 0) {
			%>
			<div id="features">
				<%
				for(int i=0; i < channelList.size(); i++) {
					ChannelModel channelModel = channelList.get(i);
				%>
				<div style="background-image:url('http://ittrick.vs.land.to/<%=applicationModel.getApplicationId() %>/images/<%=channelModel.getKeyString() %>.png');">
					<a href="/<%=channelModel.getKeyString() %>.html">
						<h2><%=channelModel.getName() %></h2>
						<p><%=channelModel.getDescription() %></p>
					</a>
				</div>
				<%} %>
			</div>
			<%} %>

			<!-- AdSense -->
			<jsp:include page="/common/adSense/sp/text_image_320_50.jsp" />
			<!-- /AdSense -->

			<div id="news">
				<h2>What's New!</h2>
				<nav>
					<ul>
						<%
						List<PageModel> pageList = (List<PageModel>)request.getAttribute("pageList");
						for(PageModel pageModel: pageList) {
							ChapterModel chapterModel = pageModel.getChapterModelRef().getModel();
							ChannelModel channelModel = chapterModel.getCategoryModelRef().getModel().getChannelModelRef().getModel();
							String dateTime = new java.text.SimpleDateFormat( "yyyy-MM-dd", java.util.Locale.US).format(pageModel.getPublicDate());
							String dateValue = new java.text.SimpleDateFormat( "yyyy年MM月dd日", java.util.Locale.US).format(pageModel.getPublicDate());
						%>
						<li class="navi">
							<a href="/<%=channelModel.getKeyString() %>/c<%=chapterModel.getKeyString() %>/page<%=pageModel.getKeyString() %>.html"><%=channelModel.getName()%>-<%=pageModel.getName() %></a>
							<time datetime="<%=dateTime%>"><%=dateValue%></time>
						</li>
						<% } %>
					</ul>
				</nav>
			</div>

			<!-- AdSense -->
			<jsp:include page="/common/adSense/sp/text_image_300_250.jsp" />
			<!-- /AdSense -->

		</article>
	</div>
	<!-- /mainContent -->

	<!--footer-->
	<jsp:include page="/common/sp/footer.jsp" />
	<!-- /footer-->

</body>
</html>
